﻿<%@page import="youleche.com.controler.controler.PageDataForBussinessControler"%>
<%@page import="youleche.com.common.MenuFactory"%>
<%@ page language="java" contentType="text/html;charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name="keywords" content="美乐车网,美乐车电动车报价发布,中国最大的自行车网" />
<meta name="description" content="美乐车网,美乐车电动车报价发布,中国最大的自行车网" />
<title>美乐车网-全国最大的车辆信息交易平台</title>

<%@include file="/WEB-INF/header.jsp" %>
<link href="${ctx}/bootstrap-3.1.1-dist/css/bootstrap.min.css" rel="stylesheet"
	media="screen">
<link href="${ctx}/js/easyui/themes/default/easyui.css" rel="stylesheet"
	media="screen">
<link rel="stylesheet" type="text/css" href="${ctx}/bootstrap-select/bootstrap-select.min.css">
<link href="${ctx}/js/umeditor/themes/default/css/umeditor.css" type="text/css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="${ctx}/css/release.css">
<link rel="stylesheet" type="text/css" href="${ctx}/css/common.css">
<link rel="stylesheet" type="text/css" href="${ctx}/css/home.css">
<link href="${ctx}/image/meileche.jpg" rel="shortcut icon"/>
<script type="text/javascript" src="${ctx}/js/common/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="${ctx}/js/common/jquery.cookie.js"></script>
<script type="text/javascript" src="${ctx}/js/common/jquery.easyui.min.js"></script>
<script type="text/javascript" src="${ctx}/js/meileloading/meileloading.js"></script>
<script type="text/javascript" src="${ctx}/js/easyui/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="${ctx}/layer/layer.js"></script>
<script type="text/javascript" src="${ctx}/bootstrap-select/bootstrap-select.min.js"></script>
<script src="${ctx}/bootstrap-3.1.1-dist/js/bootstrap.min.js"></script>
<script src="${ctx}/js/jQuery-File-Upload-8.8.5/js/vendor/jquery.ui.widget.js"></script>
<script src="${ctx}/js/jQuery-File-Upload-8.8.5/js/jquery.iframe-transport.js"></script>
<script src="${ctx}/js/jQuery-File-Upload-8.8.5/js/jquery.fileupload.js"></script>
<script src="${ctx}/js/jQuery-File-Upload-8.8.5/js/cors/jquery.xdr-transport.js"></script>
<script src="${ctx}/js/jQuery-File-Upload-8.8.5/js/jquery.fileupload-process.js"></script>
<script src="${ctx}/js/jQuery-File-Upload-8.8.5/js/jquery.fileupload-audio.js"></script>
<script src="${ctx}/js/jQuery-File-Upload-8.8.5/js/jquery.fileupload-video.js"></script>
<script src="${ctx}/js/jQuery-File-Upload-8.8.5/js/jquery.fileupload-validate.js"></script>
<script type="text/javascript" src="${ctx}/js/region.js"></script>
<script type="text/javascript" charset="utf-8" src="${ctx}/js/umeditor/umeditor.config_m.js"></script>
<script type="text/javascript" charset="utf-8" src="${ctx}/js/umeditor/umeditor.js"></script>
<script type="text/javascript" src="${ctx}/js/umeditor/lang/zh-cn/zh-cn.js"></script>
<script type="text/javascript" src="${ctx}/js/id.js"></script>
<script type="text/javascript" src="${ctx}/js/release.js"></script>
</head>
<body>
		<%@include file="top.jsp" %>
		<%@include file="nav.jsp" %>
		<div
			style="margin-left: auto; margin-right: auto; width: 1000px; height: 30px; margin-top: 5px;"
			class="step">
			<div class="step1">
				<div class="step1_img">
					<img src="${ctx}/image/next.png" />
				</div>
				<div class="step1_desc" style="background-color: #F6F3F3;">
					1.填写信息</div>
			</div>
			<div class="step2">
				<div class="step2_img">
					<img src="${ctx}/image/next_b.png" />
				</div>
				<div class="step2_desc" style="background-color: #F6F3F3;">
					2.确认用户</div>
			</div>
			<div class="step3">
				<div class="step3_img">
					<img src="${ctx}/image/next_b.png" />
				</div>
				<div class="step3_desc" style="background-color: #F6F3F3;">
					3.发布成功</div>
				<div class="step3_img1">
					<img src="${ctx}/image/success.png" style="display: none;" />
				</div>
			</div>
		</div>
		<div
			style="margin-left: auto;height:auto; margin-right: auto; width: 1000px; display: block;"
			id="div_info" >
			<div
				style="color:#72b088;float: left; width: 1000px; height: 30px; line-height: 40px; font-size: 14px;">
				说明：该功能只能是商家使用，如果你是用户，需要成为商家才能使用。(<a href="sj.jsp" style="color:red;">成为商家</a>)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="list.jsp">发布其他信息</a>
			</div>
			<div
				style="float: left; width: 1000px; height: 30px; line-height: 40px; font-size: 14px; color: #978679;">
				备注: <span
					style="margin: 5px 5px 0px 5px; height: 25px; color: #72b088; font-weight: bold; font-size: 18px; vertical-align: middle;">*</span>为必填项 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a style="cursor:pointer;" onclick="autoWrite();">自动填写部分内容</a>
			</div>

			<div
				style="float: left; width: 1000px; height: 50px; line-height: 40px; font-size: 14px; color: #978679;">
				<div
					style="margin: 0px 5px 0px 5px; height: 50px; color: #72b088; font-weight: bold; font-size: 14px; vertical-align: middle; float: left;">
					*</div>
				<div style="vertical-align: middle;">
					<div
						style="float: left; width: 60px; height: 50px; text-align: right;">
						车辆品牌</div>
					<div class="common_desc"
						style="float: left; width: 350px; height: 50px;">
						<input id="txt_pinpai" name="input" type="text" class="txt_xiaoqu" />
						<input type="hidden" id="hidVehicleId" value=""/>
					</div>
					<div style="float:left;height: 39px;color:rgb(255, 153, 0);" id="tippinpai"></div>
				</div>
			</div>
			<div
				style="float: left; width: 1000px; height: 50px; line-height: 40px; font-size: 14px; color: #978679;">
				<div
					style="margin: 0px 5px 0px 5px; height: 50px; color: #72b088; font-weight: bold; font-size: 14px; vertical-align: middle; float: left;">
					*</div>
				<div>
					<div
						style="float: left; width: 105px; height: 50px; font-size:14px;text-align: left;">
						店铺(公司)名称</div>
					<div class="common_desc"
						style="float: left; width: 350px; height: 50px; vertical-align: middle;">
						<input id="txt_Dianpu" name="input" type="text" class="txt_xiaoqu_nomargin" />
					</div>
					<div style="float:left;height: 39px;color:rgb(255, 153, 0);" id="tipDianpu"></div>
				</div>
			</div>
			<div
				style="float: left; width: 1000px; height: 50px; line-height: 40px; font-size: 14px; color: #978679;">
				<div
					style="margin: 0px 5px 0px 5px; height: 50px; color: #72b088; font-weight: bold; font-size: 14px; vertical-align: middle; float: left;">
					*</div>
				<div>
					<div
						style="float: left; width: 60px; height: 50px; text-align: right;">
						店铺位置</div>
					<div class="common_desc"
						style="float: left; width: 700px; height: 50px; vertical-align: middle;">
						<div style="float:left;">
						<span style="padding-right: 45px;"></span>
						<select id="sel_Province" style="width:100px;height:30px;"  name="sel_Province">
						</select> 
						<select id="sel_City" name="sel_City" style="width:100px;height:30px;">
						</select> 
						<select id="sel_County" name="sel_County" style="width:100px;height:30px;">
						</select>
						</div>
						<div style="float:left;">
						 <input  name="input"  id="addressAttach" type="text" class="txt_address"  style="margin-top:5px;"/>
						</div>
					</div>
					<div id="tipShopAddr" style="float:left;height:30px;width:200px;color:#f60;"> </div>
					
					
				</div>
			</div>
			<div
				style="float: left; width: 1000px; height: 50px; line-height: 40px; font-size: 14px; color: #978679;">
				<div
					style="margin: 0px 5px 0px 5px; height: 50px; color: #72b088; font-weight: bold; font-size: 14px; vertical-align: middle; float: left;">
					*</div>
				<div>
					<div
						style="float: left; width: 60px; height: 50px; text-align: right;">
						车辆电池</div>
					<div class="common_desc"
						style="float: left; width: 200px; height: 50px; vertical-align: middle;">
						<input  name="input"  id="txtbatterySize" type="text" class="txt_num" onkeyup="value=value.replace(/[^\d]/g,'')" 
							style="margin-left: 42px;" />V <input  name="input"  id="txtelectricitySize"
							type="text" class="txt_num"  onkeyup="value=value.replace(/[^\d]/g,'')" />AH 
					</div>
					<div style="float:left;widhth:600px;height:30px;color:#f60;" id="tipBatTels"></div>
				</div>
				
			</div>
			
			<div
				style="float: left; width: 1000px; height: 50px; line-height: 40px; font-size: 14px; color: #978679;">
				<div
					style="margin: 0px 5px 0px 5px; height: 50px; color: #72b088; font-weight: bold; font-size: 14px; vertical-align: middle; float: left;">
					*</div>
				<div>
					<div
						style="float: left; width: 60px; height: 50px; text-align: right;">
						车辆参数</div>
					<div class="common_desc"
						style="float: left; width: 500px; height: 50px; vertical-align: middle;">
						<span style="margin-left: 45px;"></span>
						最大速度<input type="text" class="txt_num" onkeyup="value=value.replace(/[^\d]/g,'')" id="txtmaxspeed"/>km/h&nbsp;&nbsp;&nbsp;&nbsp;
						行驶距离<input type="text" class="txt_num" onkeyup="value=value.replace(/[^\d]/g,'')" id="txtworkLength"/>km&nbsp;&nbsp;&nbsp;&nbsp;
						载重<input type="text" class="txt_num" onkeyup="value=value.replace(/[^\d]/g,'')" id="txtWeight"/>kg&nbsp;&nbsp;&nbsp;&nbsp;
					</div>
					<div style="float:left;widhth:300px;height:30px;color:#f60;" id="tipSpeedLength"></div>
				</div>
			</div>
			<div
				style="float: left; width: 1000px; height: 50px; line-height: 40px; font-size: 14px; color: #978679;">
				<div
					style="margin: 0px 5px 0px 5px; height: 50px; color: #72b088; font-weight: bold; font-size: 14px; vertical-align: middle; float: left;">
					*</div>
				<div>
					<div
						style="float: left; width: 60px; height: 50px; text-align: right;">
						报价</div>
					<div class="common_desc" id="divFenQi"
						style="float: left; width: 400px; height: 50px; vertical-align: middle;">
						<span style="margin-left: 45px;"></span> <input onkeyup="value=value.replace(/[^\d]/g,'')"   name="input"  id="txtprice"
							type="text" class="txt_pangfang" />元&nbsp;&nbsp;&nbsp; <select
							id="payType" class="selectpicker" data-width="auto">
							<option value="0">可否分期</option>
							<option value="1">可以</option>
							<option value="2">不可以</option>
						</select>
							<input  name="input"  id="txtQiNum"  onkeyup="value=value.replace(/[^\d]/g,'')"
							type="text" class="txt_num" style="display:none;"/><span id="spanQi" style="display:none;">期</span>
					</div>
					<div style="float:left;widhth:400px;height:30px;color:#f60;" id="tipPrice"></div>
				</div>
			</div>
			<div
				style="float: left; width: 1000px; height: 50px; line-height: 40px; font-size: 14px; color: #978679;">
				<div
					style="margin: 0px 5px 0px 5px; height: 50px; color: #72b088; font-weight: bold; font-size: 14px; vertical-align: middle; float: left;">
					*</div>
				<div>
					<div
						style="float: left; width: 60px;padding-top:8px; height: 42px; vertical-align: middle;text-align: right;">
						赠送物件</div>
					<div style="float: left;width:30px;height:50px;"></div>
					<div class="zengsong"
						style="float: left; width: 480px; height: 50px; vertical-align: middle;padding-top:10px;" id="divZengsong">
							<input style="margin: 0px 15px 15px 15px;" id="chk6" value="6" type="checkbox" style="margin: 05px 15px 15px 15px;" />不赠送
							<input style="margin: 0px 15px 15px 15px;" id="chk5" value="5" type="checkbox" style="margin: 05px 15px 15px 15px;" />全赠送
							<input style="margin: 0px 15px 15px 15px;" id="chk0" value="0" type="checkbox" style="margin: 05px 15px 15px 15px;" />雨衣
							<input type="checkbox" value="1" id="chk1" style="margin: 0px 15px 15px 15px;" />锁
							<input type="checkbox"  id="chk2" value="2" style="margin: 0px 15px 15px 15px;" />充电器
							<input type="checkbox" id="chk3" value="3" style="margin: 0px 15px 15px 15px;" />头盔
							<input type="checkbox" style="margin: 0px 15px 15px 15px;" id="chk4" value="4" />座套
					</div>
					<div style="float:left;width:300px;height:30px;color:#f60;padding-top:10px;" id="tipGive"></div>
				</div>
			</div>
			<div
				style="float: left; width: 1000px; height: 50px; line-height: 40px; font-size: 14px; color: #978679;">
				<div
					style="margin: 0px 5px 0px 5px; height: 50px; color: #72b088; font-weight: bold; font-size: 14px; vertical-align: middle; float: left;">
					*</div>
				<div>
					<div
						style="float: left; width: 60px; height: 50px; text-align: right;">
						出厂日期</div>
					<div class="common_desc"
						style="float: left; width: 800px; height: 50px; vertical-align: middle;padding-top:10px;">
						<span style="margin:0px 0px 0px 45px;"></span>
						<input editable="false" required="true"  id="txt_createTime" name="input" type="text" class="easyui-datebox" data-options="formatter:myformatter,parser:myparser"/>
					</div>
				</div>
			</div>
			<div
				style="float: left; width: 1000px; height: 50px; line-height: 40px; font-size: 14px; color: #978679;">
				<div
					style="margin: 0px 5px 0px 5px; height: 50px; color: #72b088; font-weight: bold; font-size: 14px; vertical-align: middle; float: left;">
					</div>
				<div>
					<div
						style="float: left; width: 60px; height: 50px; text-align: right;">
						</div>
					<div class="common_desc"
						style="float: left; width: 800px; height: 50px; vertical-align: middle;">
						
						<span style="margin-left: 45px;"></span>
						<a style="cursor:pointer;" onclick="teachMe();">教我写信息标题和车辆描述</a>
					</div>
				</div>
			</div>
			<div
				style="float: left; width: 1000px; height: 50px; line-height: 40px; font-size: 14px; color: #978679;">
				<div
					style="margin: 0px 5px 0px 5px; height: 50px; color: #72b088; font-weight: bold; font-size: 14px; vertical-align: middle; float: left;">
					*</div>
				<div>
					<div
						style="float: left; width: 60px; height: 50px; text-align: right;">
						信息标题</div>
					<div class="common_desc"
						style="float: left;padding-top:10px; width: 620px; height: 50px; vertical-align: middle;">
						<input id="infoTitle" name="input" type="text" class="txt_title" />
						
					</div>
				</div>
				<div style="color:#f60;height:50px;padding-top:10px;width:250px;float:left;" id="tipTitle"></div>
			</div>
			
			<div
				style="float: left; width: 1000px; height: 300px; line-height: 25px; font-size: 14px; color: #978679;">
				<div
					style="margin: 0px 5px 0px 5px; height: 50px; color: #72b088; font-weight: bold; font-size: 14px; vertical-align: middle; float: left;">
					*</div>
				<div>
					<div
						style="float: left; width: 60px; height: 50px; text-align: right;">
						车辆描述</div>
					<div class="common_desc"
						style="float: left; width: 610px; height: 50px; vertical-align: middle;padding-left:45px;">
						
						<textarea style="width:560px;height:250px;" id="houseDescrible"></textarea>
						<script type="text/javascript">
						    //实例化编辑器
						    var um = UM.getEditor('houseDescrible');
						</script>
						<!-- <textarea id="houseDescrible"
							style="width: 560px; height: 250px; border: 1px solid #ccc;"></textarea> -->
					</div>
				</div>
				<div style="color:#f60;height:50px;padding-top:10px;width:250px;float:left;" id="tipDesc"></div>
			</div>
			<div
				style="float: left; width: 1000px; height: auto; line-height: 40px; font-size: 14px; color: #978679;">
				<div
					style="margin: 0px 5px 0px 5px; height: 50px; color: #72b088; font-weight: bold; font-size: 14px; vertical-align: middle; float: left;">
					*</div>
				<div>
					<div
						style="float: left; width: 60px; height: 50px; text-align: right;">
						上传图片</div>
					<div class="common_desc"
						style="float: left; width: 800px; height: auto; vertical-align: middle;">
						<div id="htmlUpload" style="float:left;border:1px solid #fff;height:50px;margin: 0px 0px 0px 42px;padding-top:10px;">
							<input id="fileupload" type="file" name="files[]" style="width: 300px;height:30px;border:1px solid #ccc;"/>
						</div>
						<div style="display:none;float:left;border:1px solid #ccc;height:auto;width: 580px;margin: 0px 0px 5px 42px;padding:5px 5px 5px 5px;" id="imageShow">
							
						</div>
					</div>
				</div>
			</div>
			<div
				style="float: left; width: 1000px; height: 50px; line-height: 40px; font-size: 14px; color: #978679;">
				<div
					style="margin: 0px 5px 0px 5px; height: 50px; color: #72b088; font-weight: bold; font-size: 14px; vertical-align: middle; float: left;">
					*</div>
				<div>
					<div
						style="float: left; width: 60px; height: 50px; text-align: right;">
						联系人</div>
					<div class="common_desc"
						style="float: left; padding-top:10px;width: 350px; height: 50px; vertical-align: middle;">
						<span style="margin-left: 45px;"></span> <input name="input"  id="txtlinkMan"
							type="text" class="txt_address" maxlength="10"/>
					</div>
					<div style="color:#f60;height:50px;padding-top:5px;width:450px;float:left;" id="tiplinkMan"></div>
				</div>
			</div>
			<div
				style="float: left; width: 1000px; height: 50px; line-height: 40px; font-size: 14px; color: #978679;">
				<div
					style="margin: 0px 5px 0px 5px; height: 50px; color: #72b088; font-weight: bold; font-size: 14px; vertical-align: middle; float: left;">
					*</div>
				<div>
					<div
						style="float: left; width: 60px; height: 50px; text-align: right;">
						联系电话</div>
					<div class="common_desc"
						style="float: left; width: 350px;padding-top:10px; height: 50px; vertical-align: middle;">
						<span style="margin-left: 45px;"></span> <input
							id="txtlinkPhoneNum" onkeyup="value=value.replace(/[^\d\-]/g,'');" maxlength="12"  name="input"  type="text" class="txt_address" />
					</div>
					<div style="color:#f60;height:50px;padding-top:5px;width:450px;float:left;" id="tiplinkPhoneNum"></div>
				</div>
			</div>
			<div
				style="float: left; width: 1000px; height: 100px; line-height: 40px; font-size: 14px; color: #978679;">
				<div
					style="margin: 0px 5px 0px 5px; height: 50px; color: #72b088; font-weight: bold; font-size: 14px; vertical-align: middle; float: left;">
				</div>
				<div>
					<div
						style="float: left; width: 60px; height: 50px; text-align: right;">
					</div>
					<div class="common_desc"
						style="float: left; width: 800px; height: 50px; vertical-align: middle;">
						<span style="margin-left: 45px;"></span> <input  name="input"  type="button"
							value="确认并发布" class="btn_fabu" onclick="confirmAndSubmit();" />
					</div>
				</div>
			</div>


		</div>
		<div
			style="margin-left: auto; margin-right: auto; width: 1000px; display: none;"
			id="div_email">
			<div
				style="margin-left: auto; margin-right: auto; width: 800px; height: 500px; text-align: left;">
				<div
					style="width: 710px; height: 50px; float: left; margin-top: 30px;">
					<input  name="input"  id="email" type="text" 
						class="txt_ok_email"  placeholder="邮箱/手机号/用户名" />
					<span style="width:400px;margin-top: 30px;height:50px;color:#f60;" id="tipEmail" ></span>
				</div>
				
				<div
					style="width: 710px; height: 50px; float: left; margin-top: 20px;">
					<input  name="input"  id="passwordShow" type="password" 
						class="txt_ok_email"   placeholder="请输入登陆密码"/>
						<span style="width:400px;margin-top: 30px;height:50px;color:#f60;" id="tippasswordShow" ></span>
				</div>
				<div
					style="width: 400px; height: 50px; float: left; margin-top: 20px;">
					<input type="button" value="上一步" class="btn_fabu1"
						onclick="prefixStep();" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<input type="button" value="立即发布" class="btn_fabu1"
						onclick="commerSubmit();" />
				</div>
			</div>
		</div>
		<div
			style="margin-left: auto; margin-right: auto; width: 1000px; display: none;"
			id="div_success">
			<div
				style="margin-left: auto; margin-right: auto; width: 500px; height: 500px; text-align: center;">
				<div
					style="margin-left: auto; margin-right: auto; width: 500px; height: 250px; float: left; margin-top: 30px; text-align: center;">
					<img src="image/ok_fabu.jpg" />
				</div>
				<div
					style="margin-left: auto; margin-right: auto; width: 500px; height: 50px; float: left; margin-top: 20px; color: #777; font-size: 20px;">
					恭喜你，信息发布成功~~</div>
				<div
					style="margin-left: auto; margin-right: auto; width: 500px; height: 50px; float: left; margin-top: 20px;">
					<input type="button" onclick="viewDetails();" value="查看信息" class="btn_fabu_end" /> <input
						type="button" value="返回首页" class="btn_fabu_end"
						onclick="returnHome();" />
				</div>
			</div>



	</div>
	<%@include file="foot.jsp" %>
	<input type="hidden" id="hidImgNum" value="0"/>
	<input type="hidden" id="hidImgIds" value=""/>
	<div id="meileloading"></div>
</body>
</html>
